<template>
    <div class='fxn-body'>
        <navHeader></navHeader>
        <!-- Header End -->
        <navAside></navAside>
        <!-- Aside End -->
        <div class="fxn-main">
            <router-view />
        </div>
        <!-- Main End -->
    </div>
</template>

<script>
    import navHeader from '@/components/navHeader/navHeader.vue';
    import navAside from '@/components/navAside/navAside.vue';
    import { defineComponent, reactive, getCurrentInstance, onMounted, toRefs, computed } from 'vue'
    import { useRouter } from 'vue-router'
    import { useStore } from 'vuex'
    export default defineComponent({
        components: {
            navHeader,
            navAside,
        },
        setup() {
            const { proxy } = getCurrentInstance();
            const router = useRouter();
            const store = useStore();

            //初始化数据
            const state = reactive({
                
            })
            
            //Dom加载
            onMounted(()=>{
                store.commit('getMenu');
                store.commit('getConfigData');
                store.commit('getDep');
                store.commit('getGroup');
                store.commit('getUser');
            })
            
            return {
                ...toRefs(state),
                
                //请求方法
                
                //组件方法
            }

        },
    })
</script>

<style scoped>
    .fxn-main{
        padding: 88px 0 0 250px;
    }
</style>